/*# sourceMappingURL=custom.min.css.map */
#divLoading
{
	display: none;
}
#divLoading.gizle
{
	display: none;
}
#divLoading.show
{
	display: block;
	position: fixed;
	z-index: 1000000;
	background-image: url('/assets/images/load.gif');
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
}
#loadinggif.show
{
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 99999;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
}

.widget-card {
	border: none;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	color: white;
	overflow: hidden;
}


.widget-card-body {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.widget-info {
	flex-grow: 1;
}


.widget-title {
	font-size: 1rem;
	margin-bottom: 5px;
	opacity: 0.8;
	color: #ffffff
}


.widget-number {
	font-size: 1.75rem;
	font-weight: bold;
}


.widget-icon {
	font-size: 2.5rem;
	opacity: 0.7;
	margin-left: 15px;
}


/* Özel Arka Plan Gradyanları */
.bg-gradient-primary {
	background: linear-gradient(to right, #007bff, #6610f2);
}


.bg-gradient-info {
	background: linear-gradient(to right, #17a2b8, #00ced1);
}


.bg-gradient-success {
	background: linear-gradient(to right, #28a745, #a0d468);
}


.bg-gradient-warning {
	background: linear-gradient(to right, #ffc107, #ffda6a);
	color: #333; /* Sarı üzerinde okunabilirlik için */
}


.bg-gradient-danger {
	background: linear-gradient(to right, #dc3545, #f08080);
}


.bg-gradient-secondary {
	background: linear-gradient(to right, #6c757d, #b0c4de);
}

/* ========================================
   GENEL INPUT FOCUS STİLLERİ
   Tüm sistemde input, select, textarea
   focus durumlarını vurgular
   ======================================== */

/* Input, Select, Textarea Focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
	background-color: #fff9c4 !important; /* Açık sarı arka plan */
	border-color: #ffc107 !important; /* Altın sarısı border */
	box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25) !important; /* Dış glow efekti */
	outline: none !important;
	transition: all 0.2s ease-in-out !important;
}

/* Readonly ve Disabled inputlar için farklı stil */
input[readonly]:focus,
input[disabled]:focus,
select[disabled]:focus,
textarea[readonly]:focus,
.form-control[readonly]:focus,
.form-select[disabled]:focus {
	background-color: #f5f5f5 !important; /* Gri arka plan (değişmez) */
	border-color: #dee2e6 !important; /* Normal border */
	box-shadow: none !important; /* Glow yok */
}

/* Hatalı inputlar için kırmızı focus */
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus,
.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
	background-color: #ffe6e6 !important; /* Açık kırmızı */
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

/* Başarılı inputlar için yeşil focus */
input.is-valid:focus,
select.is-valid:focus,
textarea.is-valid:focus,
.form-control.is-valid:focus,
.form-select.is-valid:focus {
	background-color: #e6ffe6 !important; /* Açık yeşil */
	border-color: #28a745 !important;
	box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25) !important;
}

/* Checkbox ve Radio için focus */
input[type="checkbox"]:focus,
input[type="radio"]:focus {
	box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25) !important;
	outline: 2px solid #ffc107 !important;
	outline-offset: 2px !important;
}

/* Select2 için özel focus (eğer kullanılıyorsa) */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
	border-color: #ffc107 !important;
	box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25) !important;
}

/* DataTable içindeki inputlar için */
table.dataTable input:focus,
table.dataTable select:focus,
table.dataTable textarea:focus {
	background-color: #fff9c4 !important;
	border-color: #ffc107 !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important;
}

/* Modal içindeki inputlar için */
.modal input:focus,
.modal select:focus,
.modal textarea:focus {
	background-color: #fff9c4 !important;
	border-color: #ffc107 !important;
	box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25) !important;
}

/* Placeholder rengi (okunabilirlik için) */
input:focus::placeholder,
textarea:focus::placeholder {
	color: #856404 !important; /* Koyu sarı ton */
	opacity: 0.6;
}

/* Hover efekti (opsiyonel - daha yumuşak) */
input[type="text"]:hover:not(:focus),
input[type="email"]:hover:not(:focus),
input[type="password"]:hover:not(:focus),
input[type="number"]:hover:not(:focus),
input[type="date"]:hover:not(:focus),
select:hover:not(:focus),
textarea:hover:not(:focus),
.form-control:hover:not(:focus),
.form-select:hover:not(:focus) {
	border-color: #ced4da !important;
	box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.1) !important;
	transition: all 0.15s ease-in-out !important;
}

/* ========================================
   BUTON HOVER VE FOCUS STİLLERİ
   Tüm butonlar için sarı vurgulama
   ======================================== */

/* Butonlar için hover efekti (fare üzerine gelince) */
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.4) !important; /* Sarı halo */
	transform: translateY(-2px) !important; /* Hafif yukarı kaldırma */
	transition: all 0.2s ease-in-out !important;
}

/* Butonlar için focus efekti (klavye ile gezinirken) */
.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
	outline: 3px solid #ffc107 !important; /* Sarı çizgi */
	outline-offset: 2px !important; /* Çizgi mesafesi */
	box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.3) !important; /* Daha belirgin glow */
}

/* Butonlara basıldığında (active) */
.btn:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
	transform: translateY(1px) !important; /* Hafif aşağı basma efekti */
	box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.5) !important;
}

/* Disabled butonlar için efekt iptal */
.btn:disabled:hover,
.btn.disabled:hover,
button:disabled:hover,
button.disabled:hover {
	box-shadow: none !important;
	transform: none !important;
	cursor: not-allowed !important;
}

/* Buton renk grupları için özel hover efektleri */
.btn-primary:hover {
	background-color: #0056b3 !important;
	border-color: #004085 !important;
}

.btn-success:hover {
	background-color: #1e7e34 !important;
	border-color: #1c7430 !important;
}

.btn-danger:hover {
	background-color: #c82333 !important;
	border-color: #bd2130 !important;
}

.btn-warning:hover {
	background-color: #e0a800 !important;
	border-color: #d39e00 !important;
}

.btn-info:hover {
	background-color: #117a8b !important;
	border-color: #10707f !important;
}

.btn-secondary:hover {
	background-color: #545b62 !important;
	border-color: #4e555b !important;
}

/* Küçük butonlar için (btn-sm) */
.btn-sm:hover,
.btn-sm:focus {
	box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.4) !important;
}

/* Büyük butonlar için (btn-lg) */
.btn-lg:hover,
.btn-lg:focus {
	box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.4) !important;
	transform: translateY(-3px) !important;
}

/* Icon butonlar için */
.btn-icon:hover,
.btn-icon:focus {
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5) !important;
	transform: scale(1.1) !important; /* Hafif büyütme */
}

/* Link butonlar için (btn-link) */
.btn-link:hover {
	text-decoration: underline !important;
	box-shadow: none !important;
	transform: none !important;
	color: #ffc107 !important; /* Sarı renk */
}

/* Outline butonlar için */
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-info:hover,
.btn-outline-secondary:hover {
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.3) !important;
	border-width: 2px !important; /* Border kalınlaştır */
}

/* Buton grupları için (btn-group) */
.btn-group .btn:hover,
.btn-group button:hover {
	z-index: 2 !important; /* Hover olan buton öne çıksın */
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.4) !important;
}

/* Dropdown toggle butonlar için */
.dropdown-toggle:hover,
.dropdown-toggle:focus {
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.4) !important;
}

/* Kapatma butonları (close button) için */
.btn-close:hover,
.btn-close:focus {
	opacity: 1 !important;
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5) !important;
	transform: scale(1.2) !important;
}

/* DataTable butonları için */
.dt-button:hover,
.dt-button:focus {
	box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.4) !important;
	border-color: #ffc107 !important;
}

/* Modal footer butonları için */
.modal-footer .btn:hover,
.modal-footer .btn:focus {
	box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.4) !important;
}

/* Topbar (üst menü) butonları için */
.header-item:hover,
.topbar-user:hover {
	box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3) !important;
	border-radius: 4px !important;
}

/* ========================================
   TABLO SATIR YÜKSEKLİĞİ AYARLARI
   Daha kompakt görünüm için
   ======================================== */

/* Genel tablo hücre padding'leri */
table.table td,
table.table th,
table.dataTable td,
table.dataTable th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding: 0.4rem 0.5rem !important;
	vertical-align: middle !important;
	font-size: 0.875rem !important;
	line-height: 1.3 !important;
}

/* DataTable özel kompakt stil */
table.dataTable.table-sm td,
table.dataTable.table-sm th {
	padding: 0.3rem 0.4rem !important;
}

/* Tablo içindeki butonların boyutunu küçült */
table.table .btn,
table.dataTable .btn {
	padding: 0.2rem 0.5rem !important;
	font-size: 0.75rem !important;
	line-height: 1.2 !important;
}

/* Tablo içindeki badge'lerin boyutu */
table.table .badge,
table.dataTable .badge {
	font-size: 0.7rem !important;
	padding: 0.25rem 0.5rem !important;
}

/* Tablo header'ı daha kompakt */
table.table thead th,
table.dataTable thead th {
	padding: 0.5rem 0.5rem !important;
	font-weight: 600 !important;
	font-size: 0.8rem !important;
	white-space: nowrap !important;
}

/* ========================================
   ÜRÜN AUTOCOMPLETE STİLLERİ
   Sipariş girişinde ürün seçimi için
   ======================================== */

/* Autocomplete dropdown menüsü */
.ui-autocomplete.urun-autocomplete-menu {
	max-height: 350px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	min-width: 450px !important;
	max-width: 550px !important;
	background: #fff !important;
	border: 1px solid #dee2e6 !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
	padding: 5px !important;
	z-index: 99999 !important;
}

/* Her bir ürün satırı */
.ui-autocomplete.urun-autocomplete-menu .ui-menu-item {
	margin: 3px 0 !important;
	border-radius: 6px !important;
	transition: all 0.15s ease !important;
}

.ui-autocomplete.urun-autocomplete-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 0 !important;
	border: none !important;
}

/* Ürün item kartı */
.urun-autocomplete-item {
	padding: 10px 12px !important;
	border: 1px solid #e9ecef !important;
	border-radius: 6px !important;
	background: #fff !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
}

.urun-autocomplete-item:hover,
.ui-state-active .urun-autocomplete-item,
.ui-state-focus .urun-autocomplete-item {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
	border-color: #405189 !important;
	box-shadow: 0 2px 8px rgba(64, 81, 137, 0.15) !important;
}

/* Stok durumuna göre sol kenar rengi */
.urun-autocomplete-item.stok-yok {
	border-left: 4px solid #dc3545 !important;
	background: #fff5f5 !important;
}

.urun-autocomplete-item.stok-dusuk {
	border-left: 4px solid #ffc107 !important;
	background: #fffbeb !important;
}

.urun-autocomplete-item.stok-var {
	border-left: 4px solid #28a745 !important;
}

/* Ürün başlık satırı */
.urun-autocomplete-item .urun-baslik {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 6px !important;
}

.urun-autocomplete-item .urun-adi {
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	color: #212529 !important;
	flex: 1 !important;
	margin-right: 10px !important;
}

/* Ürün detay satırı */
.urun-autocomplete-item .urun-detay {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	font-size: 0.8rem !important;
	color: #6c757d !important;
}

.urun-autocomplete-item .detay-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.urun-autocomplete-item .detay-item i {
	font-size: 0.9rem !important;
	color: #405189 !important;
}

.urun-autocomplete-item .detay-item.fiyat {
	font-weight: 600 !important;
	color: #28a745 !important;
}

.urun-autocomplete-item .detay-item.fiyat i {
	color: #28a745 !important;
}

/* Badge stilleri */
.urun-autocomplete-item .badge {
	font-size: 0.7rem !important;
	padding: 4px 8px !important;
	font-weight: 600 !important;
}

/* Scrollbar stilleri */
.ui-autocomplete.urun-autocomplete-menu::-webkit-scrollbar {
	width: 8px !important;
}

.ui-autocomplete.urun-autocomplete-menu::-webkit-scrollbar-track {
	background: #f1f1f1 !important;
	border-radius: 4px !important;
}

.ui-autocomplete.urun-autocomplete-menu::-webkit-scrollbar-thumb {
	background: #c1c1c1 !important;
	border-radius: 4px !important;
}

.ui-autocomplete.urun-autocomplete-menu::-webkit-scrollbar-thumb:hover {
	background: #a1a1a1 !important;
}

/* Hover durumunda ui-state sınıfları için override */
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-state-focus {
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
}

/* ========================================
   CARİ AUTOCOMPLETE STİLLERİ
   ======================================== */
.ui-autocomplete.cari-autocomplete-menu {
	max-height: 350px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	border: 1px solid #e9ebec !important;
	border-radius: 8px !important;
	box-shadow: 0 5px 25px rgba(0,0,0,0.15) !important;
	background: #fff !important;
	padding: 8px !important;
	z-index: 9999 !important;
}

.ui-autocomplete.cari-autocomplete-menu .ui-menu-item {
	margin: 0 !important;
	padding: 0 !important;
}

.ui-autocomplete.cari-autocomplete-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 0 !important;
	border: none !important;
}

.cari-autocomplete-item {
	padding: 12px 14px !important;
	border-radius: 6px !important;
	margin-bottom: 6px !important;
	background: #f8f9fa !important;
	border-left: 3px solid #405189 !important;
	transition: all 0.2s ease !important;
}

.cari-autocomplete-item:hover,
.ui-state-active .cari-autocomplete-item,
.ui-state-focus .cari-autocomplete-item {
	background: #fff3cd !important;
	border-left-color: #ffc107 !important;
	border-left-width: 5px !important;
	transform: translateX(3px) !important;
	box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3) !important;
}

/* Klavye ile gezinirken aktif öğe - çok belirgin stil */
.ui-autocomplete .ui-menu-item.ui-state-active,
.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item:focus {
	background: #fff3cd !important;
	border-radius: 6px !important;
	outline: 2px solid #ffc107 !important;
	outline-offset: -2px !important;
}

.ui-autocomplete .ui-menu-item.ui-state-active .cari-autocomplete-item,
.ui-autocomplete .ui-menu-item.ui-state-focus .cari-autocomplete-item {
	background: #fff3cd !important;
	border-left: 5px solid #ffc107 !important;
	box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4) !important;
	transform: scale(1.01) !important;
}

/* Aktif öğedeki badge'leri de vurgula */
.ui-state-active .cari-autocomplete-item .badge,
.ui-state-focus .cari-autocomplete-item .badge {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) !important;
}

/* Aktif öğedeki cari adı */
.ui-state-active .cari-autocomplete-item .cari-adi,
.ui-state-focus .cari-autocomplete-item .cari-adi {
	color: #856404 !important;
	font-weight: 700 !important;
}

/* ========================================
   KLAVYE İLE GEZİNME - jQuery UI Autocomplete
   Aşağı/Yukarı ok tuşları ile seçim
   ======================================== */

/* jQuery UI Autocomplete - Klavye navigasyonu için */
.ui-menu .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-state-active,
.ui-menu-item .ui-state-active,
.ui-autocomplete .ui-state-active {
	background: #fff3cd !important;
	border: none !important;
	color: #212529 !important;
	margin: 0 !important;
	border-radius: 6px !important;
}

/* Ana wrapper için aktif durum */
.ui-menu-item-wrapper.ui-state-active {
	background: #fff3cd !important;
	border-radius: 6px !important;
	outline: 3px solid #ffc107 !important;
}

/* Cari autocomplete - klavye seçimi */
.ui-menu-item-wrapper.ui-state-active .cari-autocomplete-item,
.ui-state-active .cari-autocomplete-item {
	background: #fff3cd !important;
	border-left: 5px solid #ff9800 !important;
	box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4) !important;
	transform: translateX(5px) scale(1.02) !important;
	transition: all 0.15s ease !important;
}

/* Klavye ile seçildiğinde cari adı */
.ui-menu-item-wrapper.ui-state-active .cari-adi,
.ui-state-active .cari-adi {
	color: #e65100 !important;
	font-weight: 700 !important;
	font-size: 15px !important;
}

/* Klavye ile seçildiğinde detaylar */
.ui-menu-item-wrapper.ui-state-active .cari-detay,
.ui-state-active .cari-detay {
	color: #5d4037 !important;
}

/* Klavye ile seçildiğinde ikonlar */
.ui-menu-item-wrapper.ui-state-active .detay-item i,
.ui-state-active .detay-item i {
	color: #ff9800 !important;
}

/* Ürün autocomplete için de aynı stiller */
.ui-menu-item-wrapper.ui-state-active .urun-autocomplete-item,
.ui-state-active .urun-autocomplete-item {
	background: #fff3cd !important;
	border-left: 5px solid #ff9800 !important;
	box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4) !important;
	transform: translateX(5px) scale(1.02) !important;
}

.cari-autocomplete-item .cari-baslik {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 6px !important;
}

.cari-autocomplete-item .cari-adi {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #495057 !important;
	flex: 1 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	margin-right: 10px !important;
}

.cari-autocomplete-item .cari-detay {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	font-size: 12px !important;
	color: #878a99 !important;
}

.cari-autocomplete-item .detay-item {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.cari-autocomplete-item .detay-item i {
	font-size: 13px !important;
	color: #405189 !important;
}

.cari-autocomplete-item .badge {
	font-size: 11px !important;
	padding: 4px 8px !important;
	font-weight: 500 !important;
}

/* Cari Autocomplete Scrollbar */
.ui-autocomplete.cari-autocomplete-menu::-webkit-scrollbar {
	width: 6px !important;
}

.ui-autocomplete.cari-autocomplete-menu::-webkit-scrollbar-track {
	background: #f1f1f1 !important;
	border-radius: 4px !important;
}

.ui-autocomplete.cari-autocomplete-menu::-webkit-scrollbar-thumb {
	background: #c1c1c1 !important;
	border-radius: 4px !important;
}

.ui-autocomplete.cari-autocomplete-menu::-webkit-scrollbar-thumb:hover {
	background: #a1a1a1 !important;
}

/* ========================================
   MÜŞTERİ LİSTESİ - FİLTRELEME VE ÖZET
   ======================================== */

/* Borç/Alacak Tutarları */
.borc-tutari {
	color: #f06548;
	font-weight: 600;
}
.alacak-tutari {
	color: #0ab39c;
	font-weight: 600;
}

/* Özet Kartları */
.ozet-card {
	background: #fff;
	border: 1px solid #e9ebec;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.ozet-card .card-body {
	padding: 20px;
}
.ozet-card .ozet-baslik {
	font-size: 13px;
	font-weight: 500;
	color: #878a99;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
}
.ozet-card .ozet-tutar {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 8px;
}
.ozet-card .ozet-tutar.text-success { color: #0ab39c !important; }
.ozet-card .ozet-tutar.text-danger { color: #f06548 !important; }
.ozet-card .ozet-tutar.text-primary { color: #405189 !important; }
.ozet-card .ozet-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
}
.ozet-card .ozet-badge.badge-success { background: #d8f3ec; color: #0ab39c; }
.ozet-card .ozet-badge.badge-danger { background: #fdded8; color: #f06548; }
.ozet-card .ozet-badge.badge-primary { background: #dae0ef; color: #405189; }

/* Filtre Kartı */
.filter-card {
	background: #fff;
	border: 1px solid #e9ebec;
	border-radius: 8px;
	margin-bottom: 20px;
}
.filter-card .card-header {
	background: #f3f6f9;
	border-bottom: 1px solid #e9ebec;
	padding: 12px 16px;
}
.filter-card .card-header h5 {
	color: #495057;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}
.btn-filter {
	background: #405189;
	border: none;
	color: white;
}
.btn-filter:hover {
	background: #354370;
	color: white;
}
.btn-reset {
	background: #f3f6f9;
	border: 1px solid #e9ebec;
	color: #495057;
}
.btn-reset:hover {
	background: #e9ebec;
	color: #495057;
}

/* Daterangepicker Ay Okları */
.daterangepicker th.prev,
.daterangepicker th.next {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 4px;
}
.daterangepicker th.prev:hover,
.daterangepicker th.next:hover {
    background-color: #eee;
}
.daterangepicker th.prev span,
.daterangepicker th.next span {
    display: inline-block;
    border: solid #333;
    border-width: 0 2px 2px 0;
    padding: 4px;
}
.daterangepicker th.prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 4px;
}
.daterangepicker th.next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 4px;
}
/* Oklar için alternatif metin simgeler */
.daterangepicker th.prev::after {
    content: '‹';
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
.daterangepicker th.next::after {
    content: '›';
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

/* Navbar menu genişliği - varsayılan */
.navbar-menu {
    width: 260px;
}

/* Sidebar küçültüldüğünde (sm modunda) */
[data-sidebar-size="sm"] .navbar-menu {
    width: 70px !important;
}

/* Sidebar küçültüldüğünde main-content genişlesin */
@media (min-width: 768px) {
    .main-content {
        margin-left: 260px;
    }
    .app-content {
        margin-left: 260px;
    }
    
    /* Sidebar sm modunda main-content daha az margin alsın */
    [data-sidebar-size="sm"] .main-content {
        margin-left: 70px !important;
    }
    [data-sidebar-size="sm"] .app-content {
        margin-left: 70px !important;
    }
    
    /* Sidebar sm-hover modunda */
    [data-sidebar-size="sm-hover"] .main-content {
        margin-left: 70px !important;
    }
    [data-sidebar-size="sm-hover"] .app-content {
        margin-left: 70px !important;
    }
}